<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../../assets/iconfont/iconfont.css">
    <link rel="stylesheet" href="../../assets/common/common.css">
    <link rel="stylesheet" href="./carapply.css">
    <title>Document</title>
</head>

<body>
    <div class="header flex aic jc-sb">
        <div class="left pl-20 aic flex ">
            <a href="./cardetaili.html" class="iconfont icon-zuojiantou"></a>
        </div>
        <div class="center aic f16">
            <span>发起用车申请审批</span>
        </div>
        <div class="right pr-20 aic flex">
            <span></span>
        </div>
    </div>
    <ul class="list mt-10">
        <li class="item flex aic jc-sb">
            <p class="flex ml-20 f14">
                <span class="base">*</span>
                <span>选择车辆</span>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <span>客户专用车</span>
            </p>
            <div class="mr-20 ">
                <i class="iconfont icon-jiantou f12"></i>
            </div>
        </li>
        <li class="item flex aic jc-sb">
            <p class="flex ml-20 f14">
                <span class="base">&nbsp;</span>
                <span>用车部门</span>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <span>销售部</span>
            </p>
        </li>
        <li id="didi" class="item flex aic jc-sb">
            <p class="flex ml-20 f14">
                <span class="base">*</span>
                <span>出车时间</span>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <span>03月20日&nbsp;12.30</span>
            </p>
            <div class="mr-20 ">
                <i class="iconfont icon-jiantou f12"></i>
            </div>
        </li>
        <li id="dada"class="item flex aic jc-sb">
            <p class="flex ml-20 f14">
                <span class="base">*</span>
                <span>回车时间</span>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <span>03月20日&nbsp;13.00</span>
            </p>
            <div class="mr-20 ">
                <i class="iconfont icon-jiantou f12"></i>
            </div>
        </li>
        <li class="item flex aic jc-sb">
            <p class=" flex ml-20 f14">
                <span class="base">&nbsp;</span>
                <span>出车时间</span>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <input type="text" placeholder="请输入">
            </p>
        </li>
        <li class="item flex aic jc-sb">
            <p class="huiche flex ml-20 f14">
                <span class="base">&nbsp;</span>
                <span>回车时间</span>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <input type="text" placeholder="请输入">
            </p>
        </li>
    </ul>
    
    <div class="yongche pl-20 mt-10">
        <p class="text f14 pt-15">
            <span>用车事由</span>
        </p>
        <p class="shurukuan mt-20 flex ">
            <span>&nbsp;&nbsp;&nbsp;</span><input type="text" placeholder="请输入">
        </p>
    </div>
    <div class="chengcheren mt-10">
        <div class="neibu ml-20 flex fdc pt-15">
            <span class="f16">内部乘车人</span>
        </div>
        <div class="imgyuan rel">
            <img src="../../assets/img/u4263.png" alt="">

        </div>
        <div class="imgjia1 abs">
            <img src="../../assets/img/u4264.png" alt="">
        </div>
    </div>
    <div class="chengcheren mt-10">
        <div class="neibu ml-20 flex fdc pt-15">
            <span class="f16">内部乘车人</span>
        </div>
        <div class="imgyuan rel">
            <img src="../../assets/img/u4263.png" alt="">

        </div>
        <div class="imgjia2 abs">
            <img src="../../assets/img/u4264.png" alt="">
        </div>
    </div>
    <div class="chengcheren mt-10 mb-40">
        <div class="neibu ml-20 flex fdc pt-15">
            <span class="f16">内部乘车人</span>
        </div>
        <div class="imgyuan rel">
            <img src="../../assets/img/u4263.png" alt="">

        </div>
        <div class="imgjia3 abs">
            <img src="../../assets/img/u4264.png" alt="">
        </div>
    </div>
    <div class="flex jc-c">
        <div class="footer flex fixed aic jc-c">
            <div class="tijiao flex fixed aic jc-c">
                <span>提交</span>
            </div>
        </div>
    </div>
    <div class="caidan">
        <div class="dingbu flex jc-sb pl-15 pr-15 ">
             <span>取消</span>   
             <span class="base">确定</span>   
        </div>
       <div class="riqi mt-10">
           <p class="flex jc-sa mt-10">
               <span>2020年</span>
               <span>01月</span>
               <span>01日</span>
               <span>01时</span>
               <span>01分</span>
           </p>
           <p class="flex jc-sa mt-10">
               <span>2019年</span>
               <span>01月</span>
               <span>01日</span>
               <span>01时</span>
               <span>01分</span>
           </p>
           <p class="flex jc-sa mt-10">
               <span>2018年</span>
               <span>01月</span>
               <span>01日</span>
               <span>01时</span>
               <span>01分</span>
           </p>
           <p class="flex jc-sa mt-10">
               <span>2017年</span>
               <span>01月</span>
               <span>01日</span>
               <span>01时</span>
               <span>01分</span>
           </p>
           <p class="flex jc-sa mt-10">
               <span>2016年</span>
               <span>01月</span>
               <span>01日</span>
               <span>01时</span>
               <span>01分</span>
           </p>
           <p class="flex jc-sa mt-10">
               <span>2015年</span>
               <span>01月</span>
               <span>01日</span>
               <span>01时</span>
               <span>01分</span>
           </p>
           <p class="flex jc-sa mt-10">
               <span>2014年</span>
               <span>01月</span>
               <span>01日</span>
               <span>01时</span>
               <span>01分</span>
           </p>
       </div>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        $('.caidan').hide()
        var dianji = 1
        $('#didi').click(function(){
            console.log(didi);
            if(dianji){
                $('.caidan').show()
                dianji=0
            }else{
                $('.caidan').hide()
                dianji=1
            }
        })
    </script>
</body>

</html>